<template>
  <div class="flex relative">
    <div class='w-20 flex justify-center relative flex-shrink-0'>
      <div :class='`w-3px bg-gradient-to-b ${lineColor} ${height}`' class="ani-item ani-scaleInTop" />
    </div>
   <slot />
  </div>
</template>
  
<script setup lang="ts">
interface Props {
  height?: string;
  lineColor?: string;
}
withDefaults(defineProps<Props>(), {
  height: 'h-180',
  lineColor: 'from-transparent via-#F778BA via-33% to-transparent to-100%'
})
</script>
  
<style>
  
</style>